import { Tabs } from '@aws-amplify/ui-react';

Angular does not include shims for `global` or `process`. Follow the instructions below to resolve `global` or `process` reference errors.

<Tabs.Container defaultValue="Angular 15+">
  <Tabs.List>
    <Tabs.Item value="Angular 15+">Angular 15+</Tabs.Item>
    <Tabs.Item value="Angular 12-14">Angular 12-14</Tabs.Item>
  </Tabs.List>
  <Tabs.Panel value="Angular 15+">

First, create `src/polyfills.ts` and add the following:

```ts
(window as any).global = window;
(window as any).process = {
  env: { DEBUG: undefined },
};
```

Then, open your `angular.json` file, and add `src/polyfills.ts` to `polyfills` array(s) in your `angular.json`. These  arrays are located in `projects.<project-name>.architect.<task-name>.options`.

```json{3}
"polyfills": [
  "zone.js",
  "src/polyfills.ts"
],
```

And finally, make sure to add `src/polyfills` to `files` in your `tsconfig`:

```json{4}
{
  "files": [
    "src/main.ts",
    "src/polyfills.ts"
  ],
}
```
  </Tabs.Panel>

  <Tabs.Panel value="Angular 12-14">

Add the following to your `src/polyfills.ts`:

```ts
(window as any).global = window;
(window as any).process = {
  env: { DEBUG: undefined },
};
```

  </Tabs.Panel>
</Tabs.Container>
